<td> ...</td>
...
...
...
<td class="is-sticky">...</td> <-- want to apply style here
<td class="is-sticky">...</td> <-- no styles here
In the above code. Probably there are multiple sticky columns after the first one. But the style i want to add is only for the first column.
Pure CSS : Select every element of the class that is the sibling of the same class > invert it and select the class again.
:not(.is-sticky ~ .is-sticky).is-sticky {
color: red;
}<table>
<tr>
<td> .asdasd..</td>
<td class="is-sticky">.. Frist .</td>
<td class="is-sticky">... Second</td>
<td class="is-sticky">... Third</td>
</tr>
</table>You can add multiple classes to an element like this
<td class="is-sticky yourCSSClass">
add another class to the first one
"class ="is-sticky first-column"
Then in css u can easily call to only the first column.
.first-column .is-sticky {
color: white;
etc;
}